class MpForm extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });
  }

  connectedCallback() {
    this.render();
  }

  render() {
    this.shadowRoot.innerHTML = `
        <style>
          @import url('./src/mp-design-tokens/components-styles/Form.css');
        </style>
        <form class="form">
          <slot></slot>
        </form>
      `;
  }
}

customElements.define("mp-form", MpForm);
